<div class="dialog-container mdd-dialog mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog B0401_InspectionList-dialog c-mdd-page" ng-init="dialog.init();" style="background-color: #fafafa" page-type="Dialog" _transclude-elem="[object Object]">
  <div class="kmi-header-row">
    <div class="header-title" ng-bind="dialog._title | translate"></div>
    <!--More Menu-->

    <!--Close button-->
    <div class="kmi-side-btn right" ng-click="dialog.hide();">
      <img src="image/icons/clear.png" />
      <div class="kmi-can-click"></div>
    </div>
  </div>
  <div class="kmi-layout-main-content" style="flex: 1">
    <!--Page-->
    <div class="kmi-layout-page">
      <div class="mdd-layout__with-toolbar mdd-layout c-mdd-layout" layout-name="B0401_InspectionList" page-name="" page-type="Dialog" with-toolbar="Y" reload="N" _transclude-elem="[object Object]" style="grid-template-columns: repeat(2, auto 1fr)">
        <mdd-condition style="grid-column: 1 / -1; grid-row-start: span 3"></mdd-condition>
        <div class="mdd-list c-mdd-list" null="" ng-show="dialog._event['fqc_qcform_details'].isShown != 'N'" style="height:{{dialog._event['B0401_InspectionList'].GetfillHeight()}};grid-column-start:span 4;" list-name="B0401_InspectionList_List" list-bind="dialog.fqc_qcform_details" list-alias="dialog.fqc_qcform_details" enable-select="N" select-all="N" page-name="" page-type="Dialog" _transclude-elem="[object Object]">
          <div class="kmi-list column-selector" kmi-scrollbar="1200px" column-selector-id="B0401_InspectionList_List" style="flex: 1">
            <div class="kmi-list__header">
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.fqc_qcform_details.QCFORMNO'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objfqc_qcform_details.header[0].isFilter">
                  <input ng-model="dialog._objfqc_qcform_details.filterColumns['QCFORMNO']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objfqc_qcform_details.header[0].isFilter = false;dialog._objfqc_qcform_details.filterColumns['QCFORMNO'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objfqc_qcform_details.header[0].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objfqc_qcform_details.header[0].isFilter = true">search</i>
                  <label ng-bind="'B0401_InspectionList_List.columns.QCFORMNO' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objfqc_qcform_details.queryOrder == 0">{{!dialog._objfqc_qcform_details.header[0].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(0, 'QCFORMNO', 'dialog._objfqc_qcform_details');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.fqc_qcform_details.QCQTY'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objfqc_qcform_details.header[1].isFilter">
                  <input ng-model="dialog._objfqc_qcform_details.filterColumns['QCQTY']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objfqc_qcform_details.header[1].isFilter = false;dialog._objfqc_qcform_details.filterColumns['QCQTY'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objfqc_qcform_details.header[1].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objfqc_qcform_details.header[1].isFilter = true">search</i>
                  <label ng-bind="'B0401_InspectionList_List.columns.QCQTY' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objfqc_qcform_details.queryOrder == 1">{{!dialog._objfqc_qcform_details.header[1].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(1, 'QCQTY', 'dialog._objfqc_qcform_details');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.fqc_qcform_details.OKQTY'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objfqc_qcform_details.header[2].isFilter">
                  <input ng-model="dialog._objfqc_qcform_details.filterColumns['OKQTY']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objfqc_qcform_details.header[2].isFilter = false;dialog._objfqc_qcform_details.filterColumns['OKQTY'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objfqc_qcform_details.header[2].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objfqc_qcform_details.header[2].isFilter = true">search</i>
                  <label ng-bind="'B0401_InspectionList_List.columns.OKQTY' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objfqc_qcform_details.queryOrder == 2">{{!dialog._objfqc_qcform_details.header[2].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(2, 'OKQTY', 'dialog._objfqc_qcform_details');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.fqc_qcform_details.RETURNQTY'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objfqc_qcform_details.header[3].isFilter">
                  <input ng-model="dialog._objfqc_qcform_details.filterColumns['RETURNQTY']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objfqc_qcform_details.header[3].isFilter = false;dialog._objfqc_qcform_details.filterColumns['RETURNQTY'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objfqc_qcform_details.header[3].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objfqc_qcform_details.header[3].isFilter = true">search</i>
                  <label ng-bind="'B0401_InspectionList_List.columns.RETURNQTY' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objfqc_qcform_details.queryOrder == 3">{{!dialog._objfqc_qcform_details.header[3].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(3, 'RETURNQTY', 'dialog._objfqc_qcform_details');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.fqc_qcform_details.SCRAPQTY'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objfqc_qcform_details.header[4].isFilter">
                  <input ng-model="dialog._objfqc_qcform_details.filterColumns['SCRAPQTY']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objfqc_qcform_details.header[4].isFilter = false;dialog._objfqc_qcform_details.filterColumns['SCRAPQTY'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objfqc_qcform_details.header[4].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objfqc_qcform_details.header[4].isFilter = true">search</i>
                  <label ng-bind="'B0401_InspectionList_List.columns.SCRAPQTY' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objfqc_qcform_details.queryOrder == 4">{{!dialog._objfqc_qcform_details.header[4].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(4, 'SCRAPQTY', 'dialog._objfqc_qcform_details');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1 1 0%" ng-show="dialog._event['dialog.fqc_qcform_details.QCRESULTTYPE'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objfqc_qcform_details.header[5].isFilter">
                  <input ng-model="dialog._objfqc_qcform_details.filterColumns['QCRESULTTYPE']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objfqc_qcform_details.header[5].isFilter = false;dialog._objfqc_qcform_details.filterColumns['QCRESULTTYPE'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objfqc_qcform_details.header[5].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objfqc_qcform_details.header[5].isFilter = true">search</i>
                  <label ng-bind="'B0401_InspectionList_List.columns.QCRESULTTYPE' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objfqc_qcform_details.queryOrder == 5">{{!dialog._objfqc_qcform_details.header[5].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(5, 'QCRESULTTYPE', 'dialog._objfqc_qcform_details');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.fqc_qcform_details.USERNO'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objfqc_qcform_details.header[6].isFilter">
                  <input ng-model="dialog._objfqc_qcform_details.filterColumns['USERNO']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objfqc_qcform_details.header[6].isFilter = false;dialog._objfqc_qcform_details.filterColumns['USERNO'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objfqc_qcform_details.header[6].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objfqc_qcform_details.header[6].isFilter = true">search</i>
                  <label ng-bind="'B0401_InspectionList_List.columns.USERNO' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objfqc_qcform_details.queryOrder == 6">{{!dialog._objfqc_qcform_details.header[6].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(6, 'USERNO', 'dialog._objfqc_qcform_details');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.fqc_qcform_details.RECORDDATE'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objfqc_qcform_details.header[7].isFilter">
                  <input ng-model="dialog._objfqc_qcform_details.filterColumns['RECORDDATE']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objfqc_qcform_details.header[7].isFilter = false;dialog._objfqc_qcform_details.filterColumns['RECORDDATE'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objfqc_qcform_details.header[7].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objfqc_qcform_details.header[7].isFilter = true">search</i>
                  <label ng-bind="'B0401_InspectionList_List.columns.RECORDDATE' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objfqc_qcform_details.queryOrder == 7">{{!dialog._objfqc_qcform_details.header[7].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(7, 'RECORDDATE', 'dialog._objfqc_qcform_details');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.fqc_qcform_details.QCUSERNO'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objfqc_qcform_details.header[8].isFilter">
                  <input ng-model="dialog._objfqc_qcform_details.filterColumns['QCUSERNO']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objfqc_qcform_details.header[8].isFilter = false;dialog._objfqc_qcform_details.filterColumns['QCUSERNO'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objfqc_qcform_details.header[8].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objfqc_qcform_details.header[8].isFilter = true">search</i>
                  <label ng-bind="'B0401_InspectionList_List.columns.QCUSERNO' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objfqc_qcform_details.queryOrder == 8">{{!dialog._objfqc_qcform_details.header[8].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(8, 'QCUSERNO', 'dialog._objfqc_qcform_details');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.fqc_qcform_details.QCDate'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objfqc_qcform_details.header[9].isFilter">
                  <input ng-model="dialog._objfqc_qcform_details.filterColumns['QCDate']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objfqc_qcform_details.header[9].isFilter = false;dialog._objfqc_qcform_details.filterColumns['QCDate'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objfqc_qcform_details.header[9].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objfqc_qcform_details.header[9].isFilter = true">search</i>
                  <label ng-bind="'B0401_InspectionList_List.columns.QCDate' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objfqc_qcform_details.queryOrder == 9">{{!dialog._objfqc_qcform_details.header[9].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(9, 'QCDate', 'dialog._objfqc_qcform_details');"></div>
                </div>
              </div>
              <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.fqc_qcform_details.RESULTDATE'].isShown != 'N'">
                <div class="filter" ng-show="dialog._objfqc_qcform_details.header[10].isFilter">
                  <input ng-model="dialog._objfqc_qcform_details.filterColumns['RESULTDATE']" />
                  <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objfqc_qcform_details.header[10].isFilter = false;dialog._objfqc_qcform_details.filterColumns['RESULTDATE'] = '';">clear</i>
                </div>

                <div class="order" ng-hide="dialog._objfqc_qcform_details.header[10].isFilter">
                  <i class="material-icons search" style="z-index: 1" ng-click="dialog._objfqc_qcform_details.header[10].isFilter = true">search</i>
                  <label ng-bind="'B0401_InspectionList_List.columns.RESULTDATE' | translate"></label>
                  <i class="material-icons" ng-show="dialog._objfqc_qcform_details.queryOrder == 10">{{!dialog._objfqc_qcform_details.header[10].order?'':''}}</i>
                  <div class="kmi-can-click" ng-click="dialog.orderResult(10, 'RESULTDATE', 'dialog._objfqc_qcform_details');"></div>
                </div>
              </div>
            </div>
            <div class="kmi-list__row-content">
              <div class="kmi-list__row" id="B0401_InspectionList_List_result_list" ng-repeat="item in dialog._event['dialog.fqc_qcform_details'].getPages(dialog.fqc_qcform_details, dialog._objfqc_qcform_details.PageConfig, dialog._objfqc_qcform_details.filterColumns, dialog._objfqc_qcform_details.header[dialog._objfqc_qcform_details.queryOrder]) track by $index" ng-class="{'is-select':dialog._event['dialog.fqc_qcform_details'].checkSelect(item, {index:$index, event:$event})}">
                <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="dialog._event['dialog.fqc_qcform_details.QCFORMNO'].isShown != 'N'">{{item.QCFORMNO}}</div>
                <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="dialog._event['dialog.fqc_qcform_details.QCQTY'].isShown != 'N'">{{item.QCQTY}}</div>
                <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="dialog._event['dialog.fqc_qcform_details.OKQTY'].isShown != 'N'">{{item.OKQTY}}</div>
                <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="dialog._event['dialog.fqc_qcform_details.RETURNQTY'].isShown != 'N'">{{item.RETURNQTY}}</div>
                <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="dialog._event['dialog.fqc_qcform_details.SCRAPQTY'].isShown != 'N'">{{item.SCRAPQTY}}</div>
                <div item-name="QCRESULTTYPE" class="kmi-list__column column-border" style="flex: 1" ng-bind="'B0401_inspectList.result_type.' + item.QCRESULTTYPE | translate"></div>
                <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="dialog._event['dialog.fqc_qcform_details.USERNO'].isShown != 'N'">{{item.USERNO}}</div>
                <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="dialog._event['dialog.fqc_qcform_details.RECORDDATE'].isShown != 'N'">{{item.RECORDDATE}}</div>
                <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="dialog._event['dialog.fqc_qcform_details.QCUSERNO'].isShown != 'N'">{{item.QCUSERNO}}</div>
                <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="dialog._event['dialog.fqc_qcform_details.QCDate'].isShown != 'N'">{{item.QCDate}}</div>
                <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="dialog._event['dialog.fqc_qcform_details.RESULTDATE'].isShown != 'N'">{{item.RESULTDATE}}</div>
                <div class="kmi-can-click" ng-click="dialog._event['dialog.fqc_qcform_details'].rowClick(item, {index:$index, event:$event});"></div>
              </div>
            </div>
          </div>
          <div class="page-content">
            <div class="page-icon">
              <img src="image/icons/dropleft.png" />
              <div class="kmi-can-click" ng-click="dialog.prevPage(dialog._objfqc_qcform_details.PageConfig);"></div>
            </div>
            <label ng-bind="dialog.pageInfo(dialog._objfqc_qcform_details.PageConfig);"></label>
            <div class="page-icon">
              <img src="image/icons/dropright.png" />
              <div class="kmi-can-click" ng-click="dialog.nextPage(dialog._objfqc_qcform_details.PageConfig);"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="mdd-button-tool">
        <div class="tool-bar"></div>
        <div class="tool-bar" style="justify-content: flex-end">
          <div class="kmi-button kmi-button-confrim btn-confirm" ng-disabled="dialog._fn['fqc_qcform_data_get'].isDisabled == 'Y'" ng-hide="dialog._fn['fqc_qcform_data_get'].isShown == 'N'" style="width: 100px">
            <label ng-bind="'common.btn.confirm' | translate"></label>
            <div class="kmi-can-click" ng-click="dialog._fn['fqc_qcform_data_get'].click('fqc_qcform_data_get');"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
